$("#comment").hide();
$("#put_away_comment").hide();

$("#get_comment").click(function() {
	$("#comment").fadeIn(300);
	$("#get_comment").hide();
	$("#put_away_comment").show();
});
$("#put_away_comment").click(function() {
	$("#comment").fadeOut(300);
	$("#put_away_comment").hide();
	$("#get_comment").show();
});
$('li').click(function() {
	$(this).addClass('active').siblings().removeClass('active');
});

function sports_meeting() {
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['校运会', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/sport/校运会.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">校运会介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;vertical-align: middle;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp体育是学校人才培养的重要组成部分，川大始终坚持育人至上，人格与体魄并重的理念，把体育精神融入人才培养全过程，不断推进体育教育改革，广泛开展群众性体育运动，持续加强校园体育基础设施建设，学校体育教育和竞技水平不断提高，师生身心健康水平全面提升。一年一度的田径运动会不仅是对学校体育工作成果的一次重要检阅，更是对广大师生精神风貌的一次集中展示。</p></div>',
		shade: [0.8, '#000'],
		area: ['1080px', '550px'],
		btn: ['确定'],
		btnColor: "red"
	});
}

function panshu_class() {
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['攀树课', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/sport/攀树课.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">攀树课介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;vertical-align: middle;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp攀树课是一门体验式的课程，但绝对不是“玩一玩”这么简单，识树、绳结、安全意识教育等样样都要有。与徒手爬树相比，攀树更注重专业性与安全性，它不仅锻炼大家的综合能力，还会培养同学们独立解决问题的能力。</p><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;vertical-align: middle;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp攀树课是“生命教育”的一部分，希望这门课能促进大家与自然的交流，提高大家的生存技能和面对困难的韧性，让大家在遇到危险时有一定的自救能力。</p></div>'

			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}

function jianmei_cao() {
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['健美操', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/sport/健美操.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">健美操介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;vertical-align: middle;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp“舞动青春”健身操比赛是四川大学每年四大项目的常驻比赛，四大项目包括太极、健身操、瑜伽和体育舞蹈。该项活动旨在丰富同学们的大学生活，同时提高身体素质，达到改善体质、增进健康、塑造体型、控制体重、愉悦精神、陶冶情操等“三健”目的。</p></div>'

			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}

function jiangan_tiyuguan() {
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['江安体育馆', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/sport/江安体育馆.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">江安体育馆介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;vertical-align: middle;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp江安校区有体育馆包括4个教学和健身用房，主要用于跆拳道、健美操、排舞、艺术体操等项目的教学。</p><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;vertical-align: middle;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp除此之外，江安校区还有田径场1座、室外标准足球场3座（人工草皮）、室外篮球场21片、室外排球场17片、室外网球场10片、室内网球场4片、室外乒乓球桌60余台、室外游泳池3个。四川大学江安校区室内游泳馆和部分体育空间改造工程正在加紧规划和建设中。</p></div>'

			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}

function wangjiang_tiyuguan() {
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['望江体育馆', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/sport/望江体育馆.jpg"></div><div style="margin-left:720px;"><h4 style="text-align: center;">望江体育馆介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;vertical-align: middle;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp望江校区的体育馆为多功能体育馆（含1个主馆，主要用于承办校内外大型体育赛事、大型集会和文娱活动；3个附馆分别为室内乒乓球馆、室内羽毛球馆和健身中心）。</p><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;vertical-align: middle;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp除此之外，还有田径场2座、篮球场15余片、标准足球场3片（其中1片为天然草皮）、小足球场7片、室外网球场10余片（其中7片为红土场地）、室外羽毛球场10余片、室外排球场3片、室外乒乓球台60余张、门球场2个、室外游泳池4个（含1个儿童池）</p></div>'

			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}

function huaxi_tiyuguan() {
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['华西体育馆', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/sport/华西体育馆.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">华西体育馆介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;vertical-align: middle;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp华西校区的体育馆内设羽毛球场地6片，除此之外还有网球馆1座（3片网球场）、室外网球场2片、田径场1座、足球场2座、室外篮球场8片（其中1片为天然草皮）、室外排球场1片、室外游泳池1个。</p></div>'

			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}

function ping_pang() {
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['乒乓球', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/sport/乒乓球.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">乒乓球介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;vertical-align: middle;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp乒乓球包括进攻、对抗和防守。她起源于英国，“乒乓球”一名起源自1900年，因其打击时发出“Ping Pong”的声音而得名。在中国大陆以“乒乓球”作为它的官方名称，中国香港及澳门等地区亦同。1926年1月，在德国柏林举行了一次国际乒乓球赛，共有9个国家的64名男运动员参加了比赛。同年12月，国际乒乓球联合会正式成立，并把在伦敦举行的欧洲锦标赛命名为第一届世界乒乓球锦标赛 [1-2]  。乒乓球组织机构设有国际乒乓球联合会、亚洲乒乓球联盟、中国乒乓球协会 [3-4]  。图为三八广场上，大家打乒乓球的缩影。</p></div>'
			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}
function huodong() {
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['活动中心', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/sport/活动中心.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">活动中心介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;vertical-align: middle;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp位于西园二餐对面的活动中心成为了学生的集中创业基地，其9月11日正式开业。高科技体验馆“Panda VR”提供的体验项目丰富多样，给他同学们带来奇幻的体验。该馆的负责人是计算机学院研究生王琳娜，她表示，体验馆的创业理念在于用科技的魅力丰富同学们的课余生活。</p></div>'
			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}
function tianjing() {
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['田径场', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/sport/田径场.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">田径场介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;vertical-align: middle;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp田径场地跑道表层的结构，从土层发展到煤渣、石灰、粘土混合层。随着科学技术的发展，二十世纪六十年代初出现了塑胶跑道，八十年代田径跑道弯道的半径从36米到37.898米，又发展到36.50米。经验表明，大多数400米半圆式跑道被建成弯道半径为35米到38米之间是适宜的，国际田联提议尽可能修建半径为36.50米的跑道。上述三种不同半径的跑道均被称为“400米标准半圆式田径场”。在国际、国内举行的各类田径比赛所使用的场地，多为上述半径的跑道。二号田径场器材设施完善，极大地满足了同学们的需求。</p></div>'
			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}
function basketball() {
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['篮球赛', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/sport/篮球赛.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">篮球赛介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;vertical-align: middle;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp比赛是大一大二同学组成的低年级队对阵教职工队，上午九时整，随着裁判一声哨响，比赛正式开始。第一节，低年级队手感不佳，投篮频频不中，他们心态似乎受到影响，不时出现失误。而教职工队则抓住机会，不断在篮下得手，而且利用低年级队进入状态慢，打出了一连串的反击，分差也在第一节被拉开。第一节结束后，低年级队的小伙子们快速调整了状态，制订了相应的对策。果不其然，他们利用速度，多次内线获得后场篮板后长传给早已奔袭到前场的后卫，轻松上篮得分。看着飞奔的小伙子们，老师们也只能望“球”兴叹。在比赛过程中，紧张激烈的比赛吸引到了很多观众，大家不时队场上球员们的精彩表现大声叫好。</p></div>'
			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}
function badminton() {
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['羽毛球赛', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/sport/羽毛球赛.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">羽毛球赛介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;vertical-align: middle;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp因为场地建设原因，很多羽毛球爱好者都没有机会享受羽毛球的乐趣。这次比赛是一个契机，更是羽毛球馆建成的一个良好开始。场上球员们全身心投入比赛的样子燃起所有观众的激情，他们的努力与拼搏，他们在场上肆意挥洒汗水，享受所热爱的运动的样子都令人振奋，让人想要走上前，握住球拍，也来一场酣畅淋漓的比赛。大学生活是闲暇的，我们有很多自己支配的时间；大学生活也是忙碌的，我们忙于学习，忙于活动，忙于提升自己。可在夜晚终于躺在床上时发现，我们虽然忙碌，却不快乐。这时候不如抛却一切，只是奔赴运动场，来一场只给自己的盛宴。也许不是羽毛球，也许不是竞技比赛，只是在操场上奔跑，在银杏树旁骑单车，脑中只有此刻，全身心放松下来，让烦恼顺着汗水流逝，让热血点燃内心的激情，用一个更加积极的自己迎接以后的生活。</p></div>'
			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}
function football() {
	var index = layer.open({
		type: 0, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		title: ['足球赛', 'font-size:18px; color:black;'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
		content: '<div style="float:left; margin-left:10px;"><img src="../static/images/sport/足球赛.jpg"></div> <div style="margin-left:720px;"><h4 style="text-align: center;">足球赛介绍</h4><p style="letter-spacing:2px;margin-top:2px;margin-left:7px;vertical-align: middle;font-style:oblique;">&nbsp&nbsp&nbsp&nbsp&nbsp四川大学“新生杯”8人制足球赛决赛在江安校区二号体育场落下帷幕。此次“新生杯”足球比赛吸引了来自各学院的32支足球队伍在长达一个月的激烈比赛中，足球队员们奋力拼搏，由小组赛到总决赛，一路表现出高度的团队协作精神和集体荣誉感。在决赛中，队员们积极商量战略，相互配合，激情高涨，比赛现场气氛热烈。</p></div>'
			,
		shade: [0.8, '#000'],
		area: ['1080px', '550px']
	});
}
function submitForm() {
	$("#commentSub").ajaxSubmit(function (result) {
		if (result.status == true) {
			location.reload();
			alert("评论成功");
		} else {
			alert("评论成功");
		}
	});
}
layui.use('laypage', function () {
	var laypage = layui.laypage;
	$.ajax({
		type: "GET",
		async: false,
		url: "/queryComments?page=page3",
		dataType: "json",
		success: function (data) {
			laypage.render({
				elem: 'layerpage',
				count: data.total,
				limit: 5,
				jump: function (obj, first) {
					$.ajax({
						type: "GET",
						async: false,
						url: "/queryComments?page=page3&cur=" + obj.curr,
						dataType: "json",
						success: function (data) {
							if (first) {
								var i;
								for (i = 0; i < data.total; i++) {
									$("#userComment" + (i + 1)).append(data[0][i].content);
								}
							} else {
								var i;
								for (i = 0; i < data.total; i++) {
									$("#userComment" + (i + 1)).empty();
									$("#userComment" + (i + 1)).append(data[0][i].content);
								}
							}
						},
						error: function () {
							alert('fail');
						}
					});
				},
				theme: "#ba2a17"
			});
		},
		error: function () {
			$("#userComment1").append("攀树课yyds！！！但是每学期全校只有20个名额，是我得不到的公选课5555~");
			$("#userComment2").append("四大项目真的好好玩！自从上次学会了一套太极之后，我每天晚上都会在宿舍打一次，现在我舍友也学会了。");
			$("#userComment3").append("江安的体育馆真的好大，有好多羽毛球场子，每周末我都会去打羽毛球，为祖国健康工作50年！");
			$("#userComment4").append("四大项目真的好好玩！自从上次学会了一套太极之后，我每天晚上都会在宿舍打一次，现在我舍友也学会了。");
			$("#userComment5").append("江安的体育馆真的好大，有好多羽毛球场子，每周末我都会去打羽毛球，为祖国健康工作50年！");
		}
	});
});
$("#commentBlock").css("height",$(window).width()*2168/5000)

function confirmSeason() {
	var myDate = new Date();
	var month = myDate.getMonth();
	if (month >= 2 && month <= 4) {
		$('#commentBlock').css("background-image","url(../static/images/commentblockg.png)");
		$('#commentBlock').css("background-repeat","no-repeat");
		$('#commentBlock').css("background-size","100% auto");
		$('#commentBlock').css("-moz-background-size","100% auto");
		$('#canvas').css("background-color",'#F0EDF0');
		$('#leaf1').attr('src',"../static/images/leafg1.png");
		$('#leaf2').attr('src',"../static/images/leafg2.png");
		$('#leaf3').attr('src',"../static/images/leafg3.png");
		$('#leaf4').attr('src',"../static/images/leafg4.png");
		$('#leaf5').attr('src',"../static/images/leafg5.png");
	} else if (month >= 5 && month <= 7) {
		$('#commentBlock').css("background-image","url(../static/images/commentblockg.png)");
		$('#commentBlock').css("background-repeat","no-repeat");
		$('#commentBlock').css("background-size","100% auto");
		$('#commentBlock').css("-moz-background-size","100% auto");
		$('#canvas').css("background-color",'#F0EDF0');
		$('#leaf1').attr('src',"../static/images/leafg1.png");
		$('#leaf2').attr('src',"../static/images/leafg2.png");
		$('#leaf3').attr('src',"../static/images/leafg3.png");
		$('#leaf4').attr('src',"../static/images/leafg4.png");
		$('#leaf5').attr('src',"../static/images/leafg5.png");
	} else if (month >= 8 && month <= 10) {
		$('#commentBlock').css("background-image","url(../static/images/commentblock.png)");
		$('#commentBlock').css("background-repeat","no-repeat");
		$('#commentBlock').css("background-size","100% auto");
		$('#commentBlock').css("-moz-background-size","100% auto");
		$('#canvas').css("background-color",'#FDF5E8');
		$('#leaf1').attr('src',"./static/images/leaf1.png");
		$('#leaf2').attr('src',"./static/images/leaf2.png");
		$('#leaf3').attr('src',"./static/images/leaf3.png");
		$('#leaf4').attr('src',"./static/images/leaf4.png");
		$('#leaf5').attr('src',"./static/images/leaf5.png");
	} else {
		$('#commentBlock').css("background-image","url(../static/images/commentblock.png)");
		$('#commentBlock').css("background-repeat","no-repeat");
		$('#commentBlock').css("background-size","100% auto");
		$('#commentBlock').css("-moz-background-size","100% auto");
		$('#canvas').css("background-color",'#FDF5E8');
		$('#leaf1').attr('src',"../static/images/leaf1.png");
		$('#leaf2').attr('src',"../static/images/leaf2.png");
		$('#leaf3').attr('src',"../static/images/leaf3.png");
		$('#leaf4').attr('src',"../static/images/leaf4.png");
		$('#leaf5').attr('src',"../static/images/leaf5.png");
	}
}
confirmSeason();